<template>
<div>
<!-- <van-nav-bar title="标题" left-text="返回" left-arrow @click-left='clickLeft' @click-right="clickRight"> -->
  <!-- <van-icon name="search" slot="right" />
</van-nav-bar> -->
<!-- <van-search v-model="value" placeholder="请输入搜索关键词" v-show="searchIsShow"/> -->
<router-view/>
<van-tabbar route v-if="$route.meta.keepAlive">
  <van-tabbar-item replace to="/home" icon="wap-home">
    首页
  </van-tabbar-item>
  <van-tabbar-item replace to="/infoList" icon="shop">
    萌宠街
  </van-tabbar-item>

   <van-tabbar-item replace to="/mine" icon="manager">
    我的
  </van-tabbar-item>
</van-tabbar>
</div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return{
      value:'',
      searchIsShow:false
    }
  },
  methods:{
    clickLeft(){
      alert("返回")
    },
    clickRight(){
      console.log("搜索")
      this.searchIsShow=!this.searchIsShow
    }
  }
}
</script>

<style>
body{
  background-color: #d8d8d8;
  overflow: hidden;
}
</style>
